<template>
  <div>
    <el-menu
      class="el-menu-demo"
      router
      background-color="#409EFF"
      text-color="white"
      active-text-color="yellow"
    >
      <div v-bind:style="{height:height+'px'}">
        <el-menu-item style="height:200px" class="Menu" index="/">
          <div style="font-size:20px"><img src="../Images/首页.png" style="width:25px;Height:25px;margin-top:-8px;font-size:20px" />首页 </div>
        </el-menu-item>
        
        <el-submenu index="Movie"  style="height:200px" class="Menu">
          <template slot="title" ><img src="../Images/电影院.png" style="width:25px;Height:25px;margin-top:-7px" /><span style="font-size:20px">电影</span></template>
          <el-menu-item style="height:50px" index="Movie?MovieType=1">正在热映</el-menu-item>
          <el-menu-item style="height:50px" index="Movie?MovieType=2">即将上映</el-menu-item>
         <!-- <el-menu-item style="height:50px" index="Movie?MovieType=3">经典影片</el-menu-item>-->
        </el-submenu>
        <el-menu-item style="height:200px;font-size:20px" class="Menu" index="List"><img src="../Images/榜单.png" style="width:28px;Height:28px;margin-top:-8px;font-size:20px" />榜单</el-menu-item>
       <p style="margin-top:210px;color:white;text-align:center;">出品人：龙吟威、柳浩波、李婷兰</p>
      </div>
    </el-menu>
  </div>
</template>
<script>
export default {
  data() {
    return {
      height:0
    }
  },created() {
    this.height= window.innerHeight-100
    
  },
};
</script>
<style >

.Menu {
  text-align: center;
  
}
</style>